<template>
  <div class="empty-container">
      <Icon type="empty" />
      <p>{{test}}</p>
  </div>
</template>

<script>
import Icon from "@/components/Icon"
export default {
    components:{
        Icon,
    },
    props:{
        test:{
            type:String,
            default:"无数据",
        }
    }
}
</script>

<style scoped lang="less">
@import '~@/styles/mixin.less';
@import '~@/styles/var.less';
.empty-container{
    .self-center();
    color: #b4b8bc;
}
.iconfont-container{
    font-size: 50px;
    color: #b4b8bc;
}
</style>